@extends('layouts.mobile_main')

@section('title', '我的收藏')

@section('resources')
    @parent
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link rel="stylesheet" href="{{ env('CSS_DOMAIN') }}css/public.css?v={{env('CSS_VERSION')}}">
    <script src="{{ env('JS_DOMAIN') }}/js/adaptation.js?v={{env('JS_VERSION')}}"></script>
@endsection
<style>
	.nearby_cenelse input{position: absolute;top: 0.7rem;right: 0.6rem;width: 0.5rem;height: 0.5rem; display: none; }
	.choose{position: fixed;width: 100%;height: 1.3rem;overflow: hidden;bottom: 0;left: 0;border-top: 1px solid #d6d7dc;background: #fff; display: none; }
	.choose span{float: left;width: 5.38rem;text-align: center;height: 1.3rem;line-height: 1.3rem;font-size: 0.4rem;}
	.choose span:nth-child(1){border-right: 1px solid #d6d7dc;}
	.choose_all{width: 0.5rem;height: 0.5rem;margin-top: 0.5rem;margin-right: 0.6rem;display: none;}
	.nearby_address span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 6rem;}
</style>
@section('content')
<div>
	<header class="pay_sure oh" style="background-color: #fff;">
		<a class="fl" href="javascript:history.go(-1);"><img class="fl" src="{{env('IMAGE_DOMAIN')}}images/back_p.png?{{env('IMAGE_VERSION')}}" alt=""></a>
		<span class="fl co_violet fz_48">我的收藏</span>
		<!-- <span href="" class="fz_34 personal_keep fr co_violet" style="display:block;">编辑</span> -->
		<input class="fr choose_all" type="checkbox" name="checkbox">
	</header>
	<section>
		<ul class="nearby_all">
		    @if(count($lists) != 0)
                @foreach($lists as $list)
                    <li class="oh nearby_cenelse pr">
                        <a href="/mobile/shop/get?shopid={{$list['shopid']}}">
                            <div class="fl nearby_busypic pr">
                                @if($list['shopstatus'] == 1)
                                    <p class="search_time co_white fz_28 tc">{{$list['nextevent']}} 翻倍花</p>
                                @else
                                    {{--下架显示内容--}}
                                @endif
                                <img style="width: 3rem;height: 2.1rem;" class="fl" src="{{env('IMAGE_DOMAIN')}}{{$list['logo']}}" alt="">
                            </div>
                            <div class="fr nearby_busytext">
                                <div class="fz_44 oh">
                                    <h2 class="fl fz_40 busy_name">{{$list['name']}}</h2>
                                </div>
                                <p class="fz_34 oh nearby_family">
                                    <span class="fl">{{$list['secondclassname']}}</span>
                                </p>
                                <p class="fz_34 oh nearby_address">
                                    <span class="fl">{{$list['address']}}</span>
                                </p>
                            </div>
                            <input type="checkbox" name="checkbox">
                        </a>
                    </li>
                @endforeach
            @else
            <!--  无数据的 -->
			<li class="no_data tc fz_44 co_gray">
                <img style="width: 4.9rem;height: 2.67rem;" src="{{env('IMAGE_DOMAIN')}}/images/no_data.png?v={{env('IMAGE_VERSION')}}" alt=""><br>
                {{--<span>这里什么都木有</span>--}}
            </li>

            @endif
		</ul>
		<p class="choose">
			<span class="co_gray">取消</span>
			<span class="co_orange">删除</span>
		</p>
	</section>
</div>
@endsection

@section('scriptResources')
    @parent
    <script>
        window.onresize=function(){
            pagesp();
        }
        $(function(){
            var paysu_outer_h=$(window).height();
            $(".paysu_outer").css({"min-height":paysu_outer_h});
            for (var i = 0; i < $(".busy_name").length; i++) {//商家名称字数限定
	            if($(".busy_name").eq(i).html().length>12){
	                var nearby_busyhtml=$(".busy_name").eq(i).html().substring(0,11);
	                // alert($(".busy_name").eq(i).html())
	                $(".busy_name").eq(i).html(nearby_busyhtml+"...");
	            }
	        };
     //        $(".personal_keep").click(function(){
     //        	if($(".nearby_cenelse").length!=0){
	    //         	$(".personal_keep").hide();
	    //         	$(".choose_all").show();
	    //         	var allh=$(".choose").height()
		   //          $(".nearby_all").css("margin-bottom",allh);
		   //          $(".choose").show();
		   //          $(".nearby_cenelse input").show();
		   //          $(".choose span").eq(1).click(function(){
					// 	$(":checked").parent().parent("li").remove(); //隐藏所有被选中的input元素
					// 	//parent() 获得当前匹配元素集合中每个元素的父元素,
					// 	$(".nearby_all").css("margin-bottom",0);
			  //           $(".choose").hide();
			  //           $(".nearby_cenelse input").hide();
			  //           $(".choose_all").hide();
			  //           $(".personal_keep").show();
			  //           $(":checkbox").prop("checked",false);
			  //           $(".nearby_cenelse a").attr("href","")
					// })
					// $("tr").mousemove(function(){
					// 	$(this).css("background","#F0F0F0");  //鼠标经过背景颜色变为灰色
						
					// })
					//   $("tr").mouseout(function(){
				 //    	$(this).css("background","#fff");  //离开后背景颜色回复白色
				 //    })  
					
					// $(".choose_all").click(function(){
					// 	if($(".choose_all").prop("checked")){
					// 		// alert(0)
					// 		$(":checkbox").prop("checked",true);   //设置所有复选框默认勾选		
					// 	}else{
					// 		$(":checkbox").prop("checked",false);   //设置所有复选框未勾选
					// 	}
					// })
					// $(".choose span").eq(0).click(function(){
					// 	$(".nearby_all").css("margin-bottom",0);
			  //           $(".choose").hide();
			  //           $(".nearby_cenelse input").hide();
			  //           $(".choose_all").hide();
			  //           $(".personal_keep").show();
			  //           $(".nearby_cenelse a").attr("href","")
					// })
					// $(".nearby_cenelse a").attr("href","#")
	    //         }
     //        })
        })
    </script>
@endsection